{extend name="layout/layout" /}

{block name="pagecss"}

{/block}

{block name="content"}
<link href="__STATIC__/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" />
<div class="row">
    <div class="col-md-12">
        <div class="portlet light">
            <div class="box-header">
                <div class="row">
                        <div class="col-md-10">
                            <form id="searchForm" class="form" method="post">
                                <div class="form-inline">
                                    &nbsp;&nbsp;&nbsp;
                                    <label> 部门 ：</label>
                                    <select class="form-control" name="departmentId" onchange="getPensonList(this,type='pensonList')">
                                        <option value="0">所有</option>
                                        {volist name="department" id="vo"}
                                        <option value="{$vo.id}">{$vo.name}</option>
                                        {/volist}
                                    </select>
                                    &nbsp;&nbsp;&nbsp;
                                    <label> 人员 ：</label>
                                    <select class="form-control pensonList" name="personId">
                                        <option value="0">所有</option>
                                    </select>
                                    &nbsp;&nbsp;&nbsp;
                                    <!--<label> 时间 ：</label>-->
                                    <!--<input type="text" class="form-control s_complete_time" name="s_complete_time" value="" placeholder="选择日期" autocomplete="off" readonly>-->
                                    <!--&nbsp;&nbsp;&nbsp;-->
                                    <!--<input type="text" class="form-control e_complete_time" name="e_complete_time" value="" placeholder="选择日期" autocomplete="off" readonly>-->

                                    <button id="doSearch" type="button" class="btn btn-success" title="筛选">
                                        <i class="fa fa-search"></i> 筛选
                                    </button>
                                    <!--<a href="/admin/supervision/statistics.html?reset=1" class="btn btn-danger"><i class="fa fa-trash"></i> 清空</a>-->
                                    <button type="reset" class="btn btn-danger" title="清空">
                                        <i class="fa fa-trash"></i> 清空
                                    </button>
                                </div>
                            </form>
                        </div>

                        <input type="hidden" class="getregion_url" value="/admin/region/getregion.html">
                        <input type="hidden" class="getvillage_url" value="/admin/region/getvillage.html">



                </div>
            </div>
            <div class="portlet-body">
                <div style="margin: 15px 0;">
                    <span style="font-size: 18px;font-weight: bolder">工作量</span>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="work_all">
                                    {$result.work_all}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 督办工作 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="work_internal">
                                    {$result.work_internal}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 内部工作 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="work_visit">
                                    {$result.work_visit}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 信访工作 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div style="margin: 15px 0;">
                    <span style="font-size: 18px;font-weight: bolder">完成情况</span>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="complete_all">
                                    {$result.complete_all}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 正常完成 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="hangintheairnum">
                                    {$result.hangintheairnum}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 逾期未完成 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="complete_all_overdue">
                                    {$result.complete_all_overdue}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 逾期完成 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div style="margin: 15px 0;">
                    <span style="font-size: 18px;font-weight: bolder">完成质量</span>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="internal_satisfaction">
                                    {$result.internal_satisfaction}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 满意 </span>
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 内部工作评价 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="internal_basic">
                                    {$result.internal_basic}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 基本满意 </span>
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 内部工作评价 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="internal_no">
                                    {$result.internal_no}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 不满意 </span>
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 内部工作评价 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


                <div class="row">
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="visit_satisfaction">
                                    {$result.visit_satisfaction}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 满意 </span>
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 信访工作评价 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="visit_basic">
                                    {$result.visit_basic}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 基本满意 </span>
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 信访工作评价 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="mt-widget-3" style="border: 0">
                            <div class="mt-head bg-blue-hoki">
                                <div class="mt-head-icon" id="visit_no">
                                    {$result.visit_no}
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 不满意 </span>
                                </div>
                                <div class="mt-head-button" style="padding: 0;">
                                    <span> 信访工作评价 </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
<input type="hidden" class="get_statistics_url" value="/admin/Supervision/statistics">
{/block}

{block name="pagescript"}
<script src="__STATIC__/plugins/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
<script>
    var getPensonListurl = "{:url('admin/layer/getPensonList')}";
</script>
<script src="__STATIC__/admin/pages/js/statistics.js?v={:time()}" type="text/javascript"></script>
{/block}